module.exports = {
    render: function () {
        var inputDemo = new icu.formElement.input({
            size: 'normal', // 自定义Class属性
            verify: {  // rules 对象 参照多规则验证集合文档 中的说明进行设置
                text: '测试输入框',
                rules: 'notNull'
            },
            inputType: 'text', // 可选值 text （文本输入框） password （密码提示框）
            readonly: false,  // 设置是否只读
            placeholder: '测试input内容', // 设置未填写输入框时的提示语句
        });

        // 渲染
        this.$el.find('#inputBox').append(inputDemo.html);


        this.$el.find('#getEvent').click(() => {
            inputDemo.get(function (errorMessage, value) {
                if (errorMessage) {
                    icu.alert.error({
                        text: errorMessage
                    });
                } else {
                    icu.alert.normal({
                        text: value
                    });
                }
            });
        });

        this.$el.find('#setEvent').click(() => {
            inputDemo.set('#setEvent');
        });

        this.$el.find('#readonly').click(() => {
            inputDemo.readonly(true);
        });

        this.$el.find('#unReadonly').click(() => {
            inputDemo.readonly(false);
        });

        this.$el.find('#showErrorStyle').click(() => {
            inputDemo.showErrorStyle();
        });
        
        this.$el.find('#hideErrorStyle').click(() => {
            inputDemo.hideErrorStyle();
        });
    },
};